<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-cn"><head>
<base href="<%=basePath%>">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="mobile-agent" content="">
    <meta name="applicable-device" content="pc">
    <title>歌手列表 - QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
	<link rel="stylesheet" href="static/singerList/css/layout_0412.css">
	<link rel="stylesheet" href="static/singerList/css/singer.css">
	<link rel="stylesheet" href="static/singerList/css/popup_login.css">
	<link rel="stylesheet" href="static/singerList/css/qb-ie-remind.css">
</head>
<body class="os_mac">
   	<!-- 头部 N -->
		<jsp:include page="musicTop.jsp"></jsp:include>
   	<!-- 头部 S -->

    
    <div class="mod_singer_push js_my_singers_nologin">
        <div class="section_inner">
            <h2 class="singer_push__tit"><i class="icon_txt">万千歌手，尽在眼前</i></h2>
            <div class="singer_push__desc"><i class="icon_txt">登录查看你关注的歌手</i></div>
            <a class="singer_push__btn js_login" href="#">立即登录<span class="singer_push__btn_border"></span></a>
        </div>
    </div>

    <div class="main">
        <div class="mod_singer_tag" id="tag_box">
<div class="singer_tag__list js_index">
	<a class="singer_tag__item singer_tag__item--all singer_tag__item--select">热门</a>
	<a class="singer_tag__item">A</a>
	<a class="singer_tag__item">B</a>
	<a class="singer_tag__item">C</a>
	<a class="singer_tag__item">D</a>
	<a class="singer_tag__item">E</a>
	<a class="singer_tag__item">F</a>
	<a class="singer_tag__item">G</a>
	<a class="singer_tag__item">H</a>
	<a class="singer_tag__item">I</a>
	<a class="singer_tag__item">J</a>
	<a class="singer_tag__item">K</a>
	<a class="singer_tag__item">L</a>
	<a class="singer_tag__item">M</a>
	<a class="singer_tag__item">N</a>
	<a class="singer_tag__item">O</a>
	<a class="singer_tag__item">P</a>
	<a class="singer_tag__item">Q</a>
	<a class="singer_tag__item">R</a>
	<a class="singer_tag__item">S</a>
	<a class="singer_tag__item">T</a>
	<a class="singer_tag__item">U</a>
	<a class="singer_tag__item">V</a>
	<a class="singer_tag__item">W</a>
	<a class="singer_tag__item">X</a>
	<a class="singer_tag__item">Y</a>
	<a class="singer_tag__item">Z</a>
	<a class="singer_tag__item">#</a>
</div>

<div class="singer_tag__list js_area">
	<a class="singer_tag__item singer_tag__item--all singer_tag__item--select" >全部</a>
	<a class="singer_tag__item">内地</a>
	<a class="singer_tag__item">港台</a>
	<a class="singer_tag__item">欧美</a>
	<a class="singer_tag__item">日本</a>
	<a class="singer_tag__item">韩国</a>
	<a class="singer_tag__item">其他</a>
</div>

<div class="singer_tag__list js_sex">
	<a class="singer_tag__item singer_tag__item--all singer_tag__item--select">全部</a>
	<a class="singer_tag__item">男</a>
	<a class="singer_tag__item">女</a>
	<a class="singer_tag__item">组合</a>
</div>

<div class="singer_tag__list js_genre">
	<a href="singer/list" class="singer_tag__item singer_tag__item--all singer_tag__item--select">全部</a>
	<c:forEach items="${querySingerTypeList }" var="querySingerType">
		<a href="singer/querySingerTypeId?singerTypeId=${querySingerType.singerTypeId }" class="singer_tag__item">${querySingerType.singerTypeName }</a>
	</c:forEach>
</div>

</div>
	<div id="mod-singerlist">
		
		<c:if test="${querySingerTypeIdList==null }">
        <div class="mod_singer_list">
            <ul class="singer_list__list js_avtar_list">
        		<c:forEach items="${singerList }" var="si">
                <li class="singer_list__item">
                    <div class="singer_list__item_box">
                        <a href="singer/list2?musicId=${si.musicId }&singerId=${si.singerId}" class="singer_list__cover js_singer">
                            <img class="singer_list__pic" src="${si.singerPhoto }">
                        </a>
                        <h3 class="singer_list__title"><a href="singer/list2?musicId=${si.musicId}&singerId=${si.singerId}">${si.singerName}</a></h3>
                    </div>
                </li>
                </c:forEach>
            </ul>
        </div>
        </c:if>
        
        <c:if test="${querySingerTypeIdList!=null }">
        <div class="mod_singer_list">
            <ul class="singer_list__list js_avtar_list">
        		<c:forEach items="${querySingerTypeIdList }" var="querySingerTypeId">
                <li class="singer_list__item">
                    <div class="singer_list__item_box">
                        <a href="singer/list2?musicId=${querySingerTypeId.musicId }&singerId=${querySingerTypeId.singerId}" class="singer_list__cover js_singer">
                            <img class="singer_list__pic" src="${querySingerTypeId.singerPhoto }">
                        </a>
                        <h3 class="singer_list__title"><a href="singer/list2?musicId=${querySingerTypeId.musicId}&singerId=${querySingerTypeId.singerId}">${querySingerTypeId.singerName}</a></h3>
                    </div>
                </li>
                </c:forEach>
            </ul>
        </div>
        </c:if>
        
        <ul class="singer_list_txt">
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">易烊千玺</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">Alan Walker (艾兰·沃克)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">吴亦凡</a></li>  
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">汪苏泷</a></li> 
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">庄心妍</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">蔡健雅</a></li> 
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">BEYOND</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">毛不易</a></li> 
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">王俊凯</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">艾辰</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">RADWIMPS (ラッドウィンプス)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">周传雄</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">魏新雨</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">郑源</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">周深</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">五月天</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">李宇春</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">BIGBANG (빅뱅)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">陈粒</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张学友</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">杨宗纬</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">于文文</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">儿歌</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张宇</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张靓颖</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">梁静茹</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">孙燕姿</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">宋冬野</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">赵雷</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">刘德华</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">孙露</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">莫文蔚</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">曲肖冰</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张杰</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">G-DRAGON (权志龙)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张碧晨</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">许巍</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer" >田馥甄</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">林宥嘉</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">The Chainsmokers</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">那英</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张信哲</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">英雄联盟 (League of Legends)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">任贤齐</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">李代沫</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张敬轩</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">韩红</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">王菲</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">刘若英</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">贺一航</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">简弘亦</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">胡夏</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">任然</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">蒋雪儿</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">白小白</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">李克勤</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">李宗盛</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">张韶涵</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">袁娅维</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">梁博</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">胡66</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">华晨宇</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">杨丞琳</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">刀郎</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">永彬Ryan.B</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">降央卓玛</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">BLACKPINK</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">Selena Gomez (赛琳娜·戈麦斯)</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">Vicetone</a></li>
			<li class="singer_list_txt__item"><a href="#" class="singer_list_txt__link js_singer">A-Lin</a></li>
        </ul>
		</div>
    </div>
    <!-- 尾部 N -->
		<jsp:include page="musicFoot.jsp"></jsp:include>
	<!-- 尾部 S -->
	
</body></html>
